<!DOCTYPE html>
<html>
<head>
<title>管理员列表</title>
<#include "/header.html">
 
</head>
<body>
	<div class="layui-card lc-admin">
		<div class="layui-card-header lc-header-admin">
			<i class="fa fa-dropbox"></i> 信息列表
		</div>
		<div class="layui-card-body lc-body-admin">


			<div id="myapp" v-cloak>
				<#include "/excel.html">
				<div v-show="showList">


					<div class="grid-btn">


						<div class="form-group col-sm-2 lc-query">
							<input type="text" class="form-control" v-model="q.username"
								@keyup.enter="query" placeholder="用户名">
						</div>

						<a class="btn btn-default" @click="query"><i
							class="fa fa-search"></i>&nbsp;查询</a>

						<div class="btn-group btn-tools">
							<#if shiro.hasPermission("sys:user:save")> <a
								class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
							</#if>
							<#if shiro.hasPermission("sys:user:update")> <a
								class="btn btn-info" @click="update"><i
								class="fa fa-pencil-square-o"></i>&nbsp;修改</a> </#if>
							<#if shiro.hasPermission("sys:user:delete")> <a
								class="btn btn-danger" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
							</#if>
							<div class="btn-group" role="group" style="margin-left: 10px;">
								<button type="button" class="btn btn-success dropdown-toggle"
										data-toggle="dropdown" aria-haspopup="true"
										aria-expanded="false">
									<i class="fa fa-navicon"></i>导入/导出 <span class="caret"></span>
								</button>
								<ul class="dropdown-menu" style="min-width:110px;">
									<#if shiro.hasPermission("SysUserController:importExcel")>
									<li><a  @click="openImportExcel"><i
											class="glyphicon glyphicon-upload"></i>&nbsp;导入</a></li>
								</#if>
								<#if shiro.hasPermission("SysUserController:exportExcel")>
								<li><a @click="exportExcel"><i
										class="glyphicon glyphicon-download"></i>&nbsp;导出</a></li>
							</#if>
							</ul>
							</div>
						</div>

					</div>
					<table id="jqGrid" style="height: 100%;"></table>
					<div id="jqGridPager" style="position: fixed; bottom: 0px;"></div>
				</div>

				<div v-show="!showList" class="panel panel-default">
					<div class="panel-heading">
						<i class="fa fa-pencil-square-o"></i>{{title}}
					</div>
					<form class="form-horizontal">
						<div class="form-group">
							<div class="col-sm-2 control-label">用户名</div>
							<div class="col-sm-10">
								<input type="text" class="form-control" v-model="user.username"
									placeholder="登录账号" />
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-2 control-label">用户全名</div>
							<div class="col-sm-10">
								<input type="text" class="form-control" v-model="user.fullName"
									placeholder="用户全名" />
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-2 control-label">所属部门</div>
							<div class="col-sm-10">
								<input type="text" class="form-control" style="cursor: pointer;"
									v-model="user.deptName" @click="deptTree" readonly="readonly"
									placeholder="所属部门" />
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-2 control-label">密码</div>
							<div class="col-sm-10">
								<input type="text" class="form-control" v-model="user.password"
									placeholder="密码" />
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-2 control-label">邮箱</div>
							<div class="col-sm-10">
								<input type="text" class="form-control" v-model="user.email"
									placeholder="邮箱" />
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-2 control-label">手机号</div>
							<div class="col-sm-10">
								<input type="text" class="form-control" v-model="user.mobile"
									placeholder="手机号" />
							</div>
						</div>
						<!--<div class="form-group">-->
							<!--<div class="col-sm-2 control-label">用户类型</div>-->
							<!--<div class="col-sm-10">-->
								<!--<select id="userType" v-model="user.userType" class="form-control">-->
								<!--</select>-->
							<!--</div>-->
						<!--</div>-->
						<div class="form-group">
							<div class="col-sm-2 control-label">角色</div>
							<div class="col-sm-10">
								<label v-for="role in roleList" class="checkbox-inline">
									<input type="checkbox" :value="role.id" v-model="user.roleIdList">{{role.roleName}}
								</label>
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-2 control-label">状态</div>
							<label class="radio-inline"> <input type="radio"
								name="status" value="0" v-model="user.status" /> 禁用
							</label> <label class="radio-inline"> <input type="radio"
								name="status" value="1" v-model="user.status" /> 正常
							</label>
						</div>
						<div class="form-group">
							<div class="col-sm-2 control-label"></div>
							<input type="button" class="btn btn-primary"
								@click="saveOrUpdate" value="确定" /> &nbsp;&nbsp;<input
								type="button" class="btn btn-warning" @click="reload" value="返回" />
						</div>
					</form>
				</div>
			</div>

		</div>
	</div>

	<!-- 选择部门 -->
<div id="deptLayer" style="display: none;padding:10px;">
	<ul id="deptTree" class="ztree"></ul>
</div>

<script src="${ctx}webjars/static/js/modules/sys/user.js?_${.now?long}"></script>
</body>
</html>